<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
      <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Ecoast</title>
    <!--bootstrap.min.css-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!--animate.css-->
    <link rel="stylesheet" href="css/animate.min.css">
    <!--fontawesome 5-->
    <link rel="stylesheet" href="css/all.min.css">
    <!--slicknav.css-->
    <link rel="stylesheet" href="css/slicknav.min.css">
    <!--slickslider.css-->
    <link rel="stylesheet" href="css/slick-theme.css">
    <link rel="stylesheet" href="css/slick.css">
    <!-- lity.css -->
    <link rel="stylesheet" href="css/lity.min.css">
    <!-- flaticon.css -->
    <link rel="stylesheet" href="fonts/flaticon.css">
    <!--Fav-icon-->
    <link rel="shortcut icon" href="images/fav-icon.png" type="image/x-icon">
    <!-- Custom.css -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->
</head>

<body>
    <!-- Preloader -->
    <div id="preloader"></div>
    <!-- Start-Header-Section -->
    <!-- Menu-start-area -->
    <header>
        <div class="topbar">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 col-md-12">
                        <div class="top-info">
                            <ul>
                                <li>Welcome to company name</li>
                                <li><i class="fas fa-phone-alt"></i>+91-1234567890</li>
                                <li><i class="fas fa-envelope"></i>support@companyname.com</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <div class="top-socail">
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                <li><a href="#" class="active"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mid-bar">
            <div class="container">
                <div class="row">
                    <!--logo-->
                    <div class="col-lg-2 col-md-3 col-sm-4">
                        <a href="#"><img src="images/logo.png" alt="" class="logo"></a>
                    </div>
                    <!--Search-Bar-->
                    <div class="col-lg-6 col-md-7 col-sm-8">
                        <div class="nav-serch">
                            <form class="serch-bar">
									<!--分类--->
									<select class="search-categorie" name="cars">
										<option value="volvo">所有类别</option>
								<c:forEach   items="${proclass}" var="pro">
								
								
										<option value="${pro.className} ">${pro.className} </option>
								</c:forEach>
										
									</select>
									<input type="search" class="search-bg" name="search" placeholder="Search...">
									<a href="#" class="submit-btn"><i class="fas fa-search"></i></a>
								</form>
                        </div>
                    </div>
                    <!--login-->
                    <div class="col-lg-2 col-md-1 col-sm-1">
                        <div class="login">
                            <div class="header-icon">
                                <a href="login.html"><i class="flaticon-icon-126486"></i></a>
                            </div>
                            <div class="header-content">
                         	<p>${USER_SESSION.userName}</p>
                                <h5><a href="login.html"> 你的账户 </a></h5>
                            </div>
                        </div>
                    </div>
                    <!--Cart-->
                    <div class="col-lg-2 col-md-1 col-sm-1">
                        <div class="login">
                            <div class="header-icon">
                                <a href="my-cart.html"><i class="flaticon-icon-1008010"></i></a>
                            </div>
                            <div class="header-content">
                                <p>Your Cart</p>
                                <h5><a href="my-cart.html">5 Items in cart</a></h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Nav-Bar-->
        <div class="header-fixed header-one">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9">
                        <nav class="navbar navbar-expand-lg navbar-light">
                            <div class="collapse navbar-collapse my-lg-0" id="navbarNav">
                                <ul class="navbar-nav mr-auto text-left">
                                    <li class="nav-item">
                                        <a class="nav-link scroll" href="index.html">Home</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link scroll" href="shop.html">Shop</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link scroll" href="about-us.html">About Us</a>
                                    </li>
                                    <li class="nav-item active">
                                        <a class="nav-link scroll" href="#">Pages</a>
                                        <ul class="dropdown">
                                            <li class="nav-item">
                                                <a class="nav-link scroll" href="my-cart.html">My Cart</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link scroll" href="check-out.html">Check Out</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link scroll" href="order-history.html">Order History</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link scroll" href="shop-side-bar.html">Shop With Sidebar</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link scroll" href="tracking.html">Tracking</a>
                                            </li>
                                            <li class="nav-item active">
                                                <a class="nav-link scroll" href="product-detail.html">Product detail</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link scroll" href="#">Blogs</a>
                                        <ul class="dropdown">
                                            <li class="nav-item">
                                                <a class="nav-link scroll" href="blog-grid.html">Blog Grid</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link scroll" href="blog-with-sidebar.html">Blog With Sidebar</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link scroll" href="blog-detail.html">Blog Detail</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link scroll" href="contact-us.html">Contact Us</a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="col-lg-3">
                        <!--login-->
                        <div class="login-2">
                            <div class="header-icon">
                                <a href="login.html"><i class="flaticon-icon-126486"></i></a>
                                <a href="my-cart.html"><i class="flaticon-icon-1008010"></i></a>
                            </div>
                        </div>
                        <div class="selec-lang text-right">
                            <div class="lang-drop eng">
                               <!--  <select>
                                    <option value="USD" class="option-bg">USD</option>
                                    <option value="INR">INR</option>
                                    <option value="UAE">UAE</option>
                                </select> -->
                                	<a href="${pageContext.request.contextPath}/logouta" class="login-out">退出登录</a>
                            </div>
                            <div class="lang-drop">
                                <select>
                                    <option value="English">English</option>
                                    <option value="Hindi">Hindi</option>
                                    <option value="French">French</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="mobile-menu" data-logo="images/logo.png"></div>
                </div>
            </div>
        </div>
    </header>
    <!---Start-main-section-->
    
    <!---End-Main-section-->
    <!---Start-Product-Detail-->
    <section class="ws-section-spacing product-detail-page">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-2">
                            <div class="product-img-nav-slider">
                                <div class="slider-nav"> 
                                 <c:forEach  items="${CateProAll}" var="pc" >						
                                    <div class="product-img-nav">
                                        <img src="${pc.picture }" alt="" style="width: 400px;">
                                    </div>
					             </c:forEach>
                                    <!--item-->
                                   <!--  <div class="product-img-nav">
                                        <img src="images/02-product-img.jpg" alt="">
                                    </div>
                                    item
                                    <div class="product-img-nav">
                                        <img src="images/03-product-img.jpg" alt="">
                                    </div> -->
                                </div>
                            </div>
                        </div>  
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                            <div class="product-img-slider">
                                <div class="slider-for">
                                      <c:forEach  items="${CateProAll}" var="pc" >						
                                    <div class="product-img-nav"  >
                                        <img src="${pc.picture }" alt="" style="margin-top:100px; height: 500px;width: 500px;">
                                    </div>
					             </c:forEach>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--product-detail-->
                <div class="col-lg-6 col-md-6" style="margin-right: 0px;">
                    <div class="product-detail">
                        <h5>${CateProAll[0].proName}</h5>
                        <!-- <p>Product Type - Jacket</p> -->
                        <div class="Start">
                            <ul>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                            </ul>
                        </div>
                        <div class="product-detail-price">
                            <h3>$ ${CateProAll[0].price}<!-- <span>$500</span> --></h3>
                             
                        </div>
                        <div class="stock">
                            <p>所属分类 : <span>  ${CateProAll[0].className}  </span></p>
                              <p>品牌 : <span>  ${CateProAll[0].brand}  </span></p>
                                <p>产地: <span> ${CateProAll[0].place}  </span></p>
                        </div>
                        <div class="size">
                            <ul>
                                <li>XS</li>
                                <li>S</li>
                                <li class="active">M</li>
                                <li>L</li>
                                <li>XL</li>
                                <li>XXL</li>
                            </ul>
                        </div>
                        <p class="product-discription"> ${CateProAll[0].description}</p>
                        <div class="p-button">
                            <a href="#">Add To Cart</a>
                            <a href="#" class="active">Buy Now</a>
                        </div>
                        <div class="share-icon">
                            <p>Share :</p>
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                <li><a href="#" class="active"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!---End-Product-Detail-->
    <section>
        <div class="container">
            <!--review-->
            <div class="row">
                <div class="col-lg-12">
                    <div class="review" id="accordion">
                        <div class="a-buttom">
                            <button id="headingOne" class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                Description
                            </button>
                            <button id="headingTwo" class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                Comment
                            </button>
                            <button id="headingThree" class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                Reviews
                            </button>
                        </div>
                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                            <div class="card card-body">
                                <p class="p-discription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante
                                    dapibus in, viverra quis, feugiat a, tellus.
                                </p>
                                <p class="p-discription">Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget.</p>
                                <div class="p-feature">
                                    <h5>Product Features :</h5>
                                    <ul>
                                        <li><i class="fas fa-angle-double-right"></i>Lorem ipsum dolor sit amet,</li>
                                        <li><i class="fas fa-angle-double-right"></i>Consectetuer adipiscing elit.</li>
                                        <li><i class="fas fa-angle-double-right"></i>Aenean commodo ligula eget dolor.</li>
                                        <li><i class="fas fa-angle-double-right"></i>Aenean commodo ligula eget dolor.</li>
                                        <li><i class="fas fa-angle-double-right"></i>Penatibus et magnis dis parturient</li>
                                        <li><i class="fas fa-angle-double-right"></i>Montes nascetur ridiculus mus.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                            <div class="card card-body">
                                <p class="p-discription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante
                                    dapibus in, viverra quis, feugiat a, tellus.
                                </p>
                                <p class="p-discription">Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget.</p>
                            </div>
                        </div>
                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                            <div class="card card-body">
                                <p class="p-discription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante
                                    dapibus in, viverra quis, feugiat a, tellus.
                                </p>
                                <div class="p-feature">
                                    <h5>Product Features :</h5>
                                    <ul>
                                        <li><i class="fas fa-angle-double-right"></i>Lorem ipsum dolor sit amet,</li>
                                        <li><i class="fas fa-angle-double-right"></i>Consectetuer adipiscing elit.</li>
                                        <li><i class="fas fa-angle-double-right"></i>Aenean commodo ligula eget dolor.</li>
                                        <li><i class="fas fa-angle-double-right"></i>Aenean commodo ligula eget dolor.</li>
                                        <li><i class="fas fa-angle-double-right"></i>Penatibus et magnis dis parturient</li>
                                        <li><i class="fas fa-angle-double-right"></i>Montes nascetur ridiculus mus.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!---Start-Trending products-Section-->
    <section class="ws-section-spacing">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="title">Trending Products</h3>
                    <div class="saprater title-bottom-spacing">
                        <ul>
                            <li class="saprater-box"></li>
                            <li class="saprater-box"></li>
                            <li class="saprater-box"></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--item-->
            <div class="row">
                <div class="product-slider">
                    <div class="product-card-bg">
                        <div class="product-bg">
                            <a href="#"><img src="images/t1.png" alt=""></a>
                        </div>
                        <div class="product-content">
                            <h5><a href="#">Product Name</a></h5>
                            <p>Product Type Description</p>
                            <h4 class="price-text">$200</h4>
                        </div>
                    </div>
                    <!--item-->
                    <div class="product-card-bg">
                        <div class="product-bg">
                            <a href="#"><img src="images/p4.png" alt=""></a>
                        </div>
                        <div class="product-content">
                            <h5><a href="#">Product Name</a></h5>
                            <p>Product Type Description</p>
                            <h4 class="price-text">$200</h4>
                        </div>
                    </div>
                    <!--item-->
                    <div class="product-card-bg">
                        <div class="product-bg">
                            <a href="#"><img src="images/s1.png" alt=""></a>
                        </div>
                        <div class="product-content">
                            <h5><a href="#">Product Name</a></h5>
                            <p>Product Type Description</p>
                            <h4 class="price-text">$200</h4>
                        </div>
                    </div>
                    <!--item-->
                    <div class="product-card-bg">
                        <div class="product-bg">
                            <a href="#"><img src="images/t2.png" alt=""></a>
                        </div>
                        <div class="product-content">
                            <h5><a href="#">Product Name</a></h5>
                            <p>Product Type Description</p>
                            <h4 class="price-text">$200</h4>
                        </div>
                    </div>
                    <!--item-->
                    <div class="product-card-bg">
                        <div class="product-bg">
                            <a href="#"><img src="images/t4.png" alt=""></a>
                        </div>
                        <div class="product-content">
                            <h5><a href="#">Product Name</a></h5>
                            <p>Product Type Description</p>
                            <h4 class="price-text">$200</h4>
                        </div>
                    </div>
                    <!--item-->
                    <div class="product-card-bg">
                        <div class="product-bg">
                            <a href="#"><img src="images/t2.png" alt=""></a>
                        </div>
                        <div class="product-content">
                            <h5><a href="#">Product Name</a></h5>
                            <p>Product Type Description</p>
                            <h4 class="price-text">$200</h4>
                        </div>
                    </div>
                    <!--item-->
                    <div class="product-card-bg">
                        <div class="product-bg">
                            <a href="#"><img src="images/t4.png" alt=""></a>
                        </div>
                        <div class="product-content">
                            <h5><a href="#">Product Name</a></h5>
                            <p>Product Type Description</p>
                            <h4 class="price-text">$200</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!---End-Trending-Section-->
    <!---Start-Partner-Section-->
    <section class="ws-section-spacing patner-bg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="client-Slider">
                    <div class="client">
                        <img src="images/client-1.png" alt="">
                    </div>
                    <!--item-->
                    <div class="client">
                        <img src="images/client-2.png" alt="">
                    </div>
                    <!--item-->
                    <div class="client">
                        <img src="images/client-3.png" alt="">
                    </div>
                    <!--item-->
                    <div class="client">
                        <img src="images/client-4.png" alt="">
                    </div>
                    <!--item-->
                    <div class="client">
                        <img src="images/client-4.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!---End-Partner-Section-->
    <!---Start-Footer-Section-->
    <footer class="same-section-spacing footer-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-4">
                    <div class="footer-about">
                        <img src="images/logo-wht.png" alt="">
                        <p>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit. Aenean com modo ligula eget dolor. Aenean ma ssa. Cum sociis </p>
                    </div>
                </div>
                <!--item-->
                <div class="col-lg-3 col-md-4">
                    <div class="popular-tag">
                        <h4 class="footer-title">Populer Tags</h4>
                        <ul>
                            <li><a href="#">Fashion</a></li>
                            <li><a href="#">T-Shirts</a></li>
                            <li><a href="#">Women</a></li>
                            <li><a href="#">Men</a></li>
                            <li class="active"><a href="#">Jeans</a></li>
                            <li><a href="#">Modern</a></li>
                            <li><a href="#">Shirts</a></li>
                            <li><a href="#">Classic</a></li>
                            <li><a href="#">Shoes</a></li>
                            <li><a href="#">Running</a></li>
                        </ul>
                    </div>
                </div>
                <!--item-->
                <div class="col-lg-3 col-md-4">
                    <div class="contact-us">
                        <h4 class="footer-title">Contact-Us</h4>
                        <ul>
                            <li><i class="fas fa-map-marker-alt"></i> 180-A Apolo apart, Front of pell Junction, </li>
                            <li><i class="fas fa-phone-alt"></i>(+91) 1234567890 </li>
                            <li><i class="fas fa-envelope"></i> info@companyname.com </li>
                        </ul>
                    </div>
                </div>
                <!--item-->
                <div class="col-lg-3 col-md-4">
                    <div class="contact-us">
                        <h4 class="footer-title">Contact-Us</h4>
                        <p>Sign up the newsletter</p>
                        <input type="email" name="email" placeholder="Email" required="" class="email">
                        <button type="submit" class="contact-btn">Post Comment</button>
                    </div>
                </div>
                <!--copy-right-->
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="container-fluid">
                            <div class="copy-right">
                                <span class="copy-right-seprater"></span>
                                <p>2019 . All Rights Reserved Developed By Company Name.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Jquery.min.js-->
    <script src="js/jquery-3.3.1.slim.min.js"></script>
    <script src="js/jquery.1.12.4.js"></script>
    <!--bootstrap.min.js-->
    <script src="js/bootstrap.min.js"></script>
    <!--slicknav.min.js-->
    <script src="js/jquery.slicknav.min.js"></script>
    <!--slickslider.min.js-->
    <script src="js/slick.min.js"></script>
    <!-- waypoint.min.js -->
    <script src="js/waypoints.min.js"></script>
    <!-- lity.js -->
    <script src="js/lity.min.js"></script>
    <!-- imagesloaded.js -->
    <script src="js/imagesloaded.js"></script>
    <!-- wow.js -->
    <script src="js/wow.min.js"></script>
    <!-- main.js -->
    <script src="js/main.js"></script>
</body>

</html>